.changePay {
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	.conTable {
		table-layout: fixed;
		td{
			word-wrap: break-word;
		}
	}
	.el-input,.el-select{
		display: inline-block;
		width: 70%;
	}
	.update-item{
		display: flex;
		justify-content: space-around;
		vertical-align: middle;
		align-items: center;
		.span-item{
			display: inline-block;
			width: 30%;
			text-align: left;
		}
	}
	.close {
		font-size: 15px;
		position: absolute;
		right: 8px;
		top: 10px;
		color: #e38282;
		font-weight: bold;
		cursor: pointer;
	}
	.title {
		height: 10%;
		padding: 0 5%;
		span {
			font-weight: 600;
			font-size: 16px;
			color: #444444;
		}
		.search {
			display: inline-block;
			margin-left: 10px;

			input {
				width: 200px;
				height: 30px;
				padding: 0;
				border:none;
				border: 1px solid #ddd;
			}

			button {
				width: 60px;
				height: 30px;
				background: none;
				border: none;
				border: 1px solid #ddd;
				border-radius: 5px;
				background: rgb(73, 151, 241);
				color: #fff;
			}
		}
	}
	.table_box, .mobile_table_box {
		width: 100%;
		height: 80%;
		padding: 0 5%;
		box-sizing: border-box;
		.scroll_box {
			height: calc( 100% - 50px );
			position: relative;
			overflow: auto;
		}
		.titleTable {
			height: 50px;
			tr{
				th{
					text-align: center;
				}
			}
		}
		table {
			border-collapse: collapse;
			border: none;
			width: 100%;
			font-size: .875rem;
			tr {
				width: 100%;
				td {
					height: 50px;
					vertical-align: middle;			
					text-align: center;
					color: #999;
				}
				th {
					height: 50px;
					vertical-align: middle;
					font-weight: 600;
					color: #444;
				}
			}
			tr:nth-of-type(even) {
				background-color: #eee;
			}
		}
	}
	// 分页器
	.pager {
		height: 10%;
		padding: 0 5%;
		.pagerCon {
			height: 30px;
			width: 100%;
			font-size: .875rem;
			color: #666;
			.curPage,.totalPage {
				height: 100%;
				margin-right: 1.7%;
			}
			.pagerBtnBox {
				height: 100%;
				min-width: 100px;
				background: #fff;
				border-radius: 100px;
				border: solid 1px #f1f1f1;
				box-sizing: border-box;
				.pagerBtn {
					padding: 0 6%;
					height: 100%;
				}
				.curPageNumber {
					width: 50%;
					height: 100%;
				}
				.prev,.next {
					height: 100%;
					width: 25%;
					cursor: pointer;
					color: #ddd;
				}
				.havePage {
					color: #3068ff;
				}
			}
		}
	}

	@media screen and (max-width: 768px) {
        .table_box {
        	padding: 0;
        	table {
        		font-size: .3rem;
        	}
        	.conTable {
				height: 100%;
        		tr {
        			height: 10%;
        		}
        	}
        }
    	#pager {
    		.pagerCon {
    			font-size: .4rem;
    			.pagerBtn {
    				i{
    					font-size: .4rem;
    				}
    			}
    		}
    	}
	}
	.update-store{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.3);
		position: fixed;
		top: 0;
		left: 0;
		.update-store-wrap{
			width:300px;
			min-height: 200px;
			background: #fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			text-align: center;
			padding-top: 20px;
			padding-bottom: 20px;
			box-sizing: border-box;
			.update-item{
				width: 100%;
				padding: 10px 0;
			}
			button{
				width: 100px;
				height: 40px;
				border: none;
				background: #3068fe;
				color: #fff;
				border-radius: 5px;
			}
		}
	}
}